<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no"name="viewport">
<title>续费VIP</title>
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/style.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/business/style/bootstrap.min.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/business/js/script.js"></script>
</head>
<body>
<div id="box">
 <div class="navbar navbar-default navbar-fixed-top">
  <header>
   <h1><a href="index.html"><span class="glyphicon glyphicon-menu-left"></span></a></h1>
   <p class="title">续费VIP</p>
  </header>
 </div><!--navbar-fixed-top-->
 <div class="renew">
  <div class="renewList">
   <p>请选择续费金额（元）：</p>
   <ul class="renewUl" id="renewUl">
    <li><a href="#"><span class="roveOne">1个月<span class="roveTwo">30</span>元</span></a></li>
	<li><a href="#"><span class="roveOne">3个月<span class="roveTwo">80</span>元</span><del>90元</del></a></li>
	<li><a href="#"><span class="roveOne">6个月<span class="roveTwo">150</span>元</span><del>180元</del></a></li>
	<li><a href="#"><span class="roveOne">12个月<span class="roveTwo">300</span>元</span><del>360元</del></a></li>
	<li><a href="#"><span class="roveOne">永久使用<span class="roveTwo">800</span>元</span><s>超值</s></a></li>
   </ul>
   <ul class="renewUls">
   	<li>可用余额抵扣<span>￥300.00</span></li>
   	<li class="balanceLi">还需支付<span>￥0.00</span></li>
   </ul>
   <p class="renConfirm" id="but">确认</p>
  </div><!--renewList-->
 </div><!--renew-->
 <div class="navbar navbar-default navbar-fixed-bottom">
    <footer id="foot">
    <dl>
     <dt><a href="index.html"><img src="{:C('WEB_URL')}Public/business/images/home.png" /></a></dt>
     <dd><a href="index.html" class="current">首页</a></dd>
    </dl>
    <dl>
     <dt><a href="pullrefresh_sub.html"><img src="{:C('WEB_URL')}Public/business/images/deal_07.jpg" /></a></dt>
     <dd><a href="pullrefresh_sub.html">员工管理</a></dd>
    </dl>
    <dl>
     <dt><a href="manage.html"><img src="{:C('WEB_URL')}Public/business/images/deal_09.jpg" /></a></dt>
     <dd><a href="manage.html">会员管理</a></dd>
    </dl>
   </footer>
  </div><!--/navbar-->
</div><!--box-->
<!--会员卡续费成功弹出页面 -->
 <div id="popup"><a href="index.html" class="a_click">
  <div id="click_div">
   <div id="dialog">
	<h3><img src="{:C('WEB_URL')}Public/business/images/paysuc_03.jpg" /></h3>
	<h4>恭喜您，续费成功！</h4>
	<div class="renPopup">
	 <p>您已经成为亲亲卡会员啦！</p>
	 <p>本次续费金额：<span>￥300</span></p>
	 <p>本次续费时长：<span>12个月</span></p>
	</div>
  </div>
 </div></a>
</div>
 <!--会员卡续费成功弹出页面 End-->
<script type="text/javascript">
//最下面点击效果
$('#foot dl').on("touchstart",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#foot dl').on("touchend",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")

})
//微信判断header是否显示
if(isWeiXin()){ 
//alert("====");
$(".title").hide();
} 
else{
//alert("+++++");
}	
   //会员卡续费成功弹出页面 JS
//$("#but").click(function(){
//	$("#click_div").show(),8000;
////	setTimeout(function () {
////    $("#click_div").fadeIn();
////  }, 500);
//})  
//$(".a_click").click(function(){
//	$("#click_div").hide();
////	setTimeout(function () {
////    $("#click_div").fadeOut();
////  }, 500);
//});

$("#renewUl li").click(function(){
	$("#renewUl li").removeClass('renewli');
	$(this).addClass("renewli"); 
})
</script>
</body>
</html>
